#my-assets-page {
    .market-container {
        .market-filter {
            padding: 0 25px;
            margin-bottom: 25px;
            .market-filter-title {
                margin-bottom: 25px;
                .market-opensea {
                    font-size: 12px;
                    font-family: PingFang SC, PingFang SC-Semibold;
                    font-weight: Semibold;
                    text-align: center;
                    color: #000000;
                    line-height: 30px;
                    background: #ffffff;
                    border: 1px solid #efefef;
                    margin-bottom: 15px;
                    .filter-type {
                        flex: 1;
                        cursor: pointer;
                        &.active {
                            color: #3754F1;
                        }
                    }
                    .line {
                        width: 1px;
                        height: 12px;
                        background: #efefef;
                    }
                }
                .market-sort {
                    height: 25px;
                    .market-category {
                        font-size: 10px;
                        height: 100%;
                        display: grid;
                        grid-template-columns: repeat(3, 77px);
                        gap: 2px;
                        padding: 2px;
                        background-color: #F6F4FF;
                        user-select: none;
                        .active {
                            background-color: #fff;
                            color: #3754F1;
                            transition: all .3s;
                        }
                    }
                    .market-sort-icon {
                        user-select: none;
                        margin-left: 6px;
                        height: 100%;
                        display: grid;
                        grid-template-columns: repeat(2, 38px);
                        gap: 2px;
                        padding: 2px;
                        background-color: #F6F4FF;
                        .row-box {
                            display: inline-block;
                            width: 8px;
                            height: 7px;
                            background: url('@/assets/images/header/header-menu.png') no-repeat;
                            background-size: 100% 100%;
                        }
                        .active {
                            background-color: #fff;
                            color: #3754F1;
                            transition: all .3s;
                            .row-box {
                                background: url('@/assets/images/header/menu-active.png') no-repeat;
                                background-size: 100% 100%;
                            }
                        }
                    }
                }
            }
            .market-card-box {
                display: grid;
                grid-template-columns: repeat(2, 1fr);
                grid-gap: 15px;
                .card-item {
                    background: #ffffff;
                    border: 1px solid #efefef;
                    overflow: hidden;
                    padding-bottom: 12px;
                    position: relative;
                    transition: all .3s;
                    box-shadow: 0px 2px 10px 0px rgba(0,0,0,0.06);
                    &.active {
                        margin-top: -4px;
                        .card-hover-mask {
                            top: 0;
                        }
                    }
                    img {
                        height: 112px;
                        margin-bottom: 10px;
                    }
                    .card-name {
                        font-size: 10px;
                        font-family: PingFang SC, PingFang SC-Medium;
                        font-weight: Medium;
                        color: #000000;
                        padding-left: 10px;
                        margin-bottom: 10px;
                    }
                    .card-floor,
                    .card-total {
                        flex: 1;
                        display: flex;
                        flex-direction: column;
                    }
                    .card-floor {
                        padding-left: 10px;
                    }
                    .card-title {
                        margin-bottom: 5px;
                        font-size: 9px;
                        font-family: PingFang SC, PingFang SC-Regular;
                        font-weight: Regular;
                        color: #666666;
                    }
                    .card-floor-price {
                        font-size: 9px;
                        font-family: PingFang SC, PingFang SC-Medium;
                        font-weight: Medium;
                        color: #3754f1;
                    }
                    .card-total-price {
                        font-size: 9px;
                        font-family: PingFang SC, PingFang SC-Medium;
                        font-weight: Medium;
                        text-align: left;
                        color: #000000;
                    }
                    .card-hover-mask {
                        width: 100%;
                        height: 100%;
                        // background-color: rgba($color: #000000, $alpha: .2);
                        background: url('@/assets/images/market/card-mask.png') no-repeat;
                        background-size: 100% 100%;
                        position: absolute;
                        top: 400px;
                        left: 0;
                        color: #FFFFFF;
                        text-align: center;
                        transition: all .4s;
                        .btn {
                            padding: 5px 0;
                            cursor: pointer;
                        }
                        .card-purchase {
                            margin: 66px 34px 10px;
                            background: #d317e6;
                        }
                        .card-cancel {
                            margin: 0px 34px;
                            background: #000000;
                        }
                        .card-cancel-sale {
                            margin: 66px 34px 10px;
                            background: #e61759;
                        }
                        .my-sale-assets {
                            margin: 25px;
                            font-size: 8px;
                            .selling-price {
                                padding: 6px;
                                font-family: PingFang SC, PingFang SC-Medium;
                                font-weight: Medium;
                                color: #000000;
                                margin-bottom: 5px;
                                background-color: #fff;
                                text-align: center;
                                font-size: 8px;
                                .selling-title {
                                    color: #666666;
                                    margin-bottom: 5px;
                                }
                                .selling-amount {
                                    // padding: 5px 0;
                                    border: 1px solid rgba(55,84,241,0.20);
                                    margin-bottom: 5px;
                                    color: #333333;
                                    .adm-input-element {
                                        font-size: 8px;
                                        text-align: center;
                                    }
                                }
                                .sale-coin {
                                    padding: 6px 6px 6px 8px;
                                    background: #f0f1f5;
                                    align-items: center;
                                    color: #666666;
                                    img {
                                        height: 4px;
                                        margin: 0;
                                    }
                                }
                            }
                            .card-cancel-sale,
                            .card-cancel {
                                margin: 0 0 5px;
                            }
                        }
                    }
                }
            }
            .market-row-box {
                display: grid;
                grid-template-columns: 1fr;
                grid-gap: 10px;
                .row-item {
                    background: #ffffff;
                    border: 1px solid #efefef;
                    padding: 10px;
                    .content-box {
                        img {
                            width: 45px;
                            height: 30px;
                            margin-right: 10px;
                        }
                        .row-item-content {
                            flex: 1;
                            font-size: 7px;
                            .row-name {
                                font-size: 10px;
                                font-family: PingFang SC, PingFang SC-Medium;
                                font-weight: Medium;
                                color: #000000;
                                margin-bottom: 8px;
                            }
                            .row-floor {
                                margin-right: 10px;
                            }
                            .row-title {
                                margin-right: 4px;
                                font-family: PingFang SC, PingFang SC-Regular;
                                font-weight: Regular;
                                color: #666666;
                            }
                            .row-floor-price {
                                font-family: PingFang SC, PingFang SC-Medium;
                                font-weight: Medium;
                                color: #3754f1;
                            }
                            .row-total-price {
                                font-family: PingFang SC, PingFang SC-Medium;
                                font-weight: Medium;
                                color: #000000;
                            }
                        }
                        .row-sale-box {
                            .btn {
                                padding: 10px 10px;
                                cursor: pointer;
                                display: inline-block;
                                font-size: 9px;
                                width: 84px;
                                text-align: center;
                            }
                            .row-purchase {
                                background: linear-gradient(207deg,rgba(211,23,230,0.05), rgba(255,255,255,0.00) 83%);
                                border: 1px solid rgba(211,23,230,0.30);
                                color: #D317E6;
                            }
                            .row-cancel {
                                color: #E61759;
                                background: #ffffff;
                                border: 1px solid rgba(230,23,89,0.30);
                            }
                        }
                    }
                    .cancel-box {
                        padding-top: 10px;
                        margin-top: 10px;
                        border-top: 1px solid #EFEFEF;
                        .cancel-sell {
                            background: #e61759;
                            color: #ffffff;
                            padding: 10px 10px;
                            cursor: pointer;
                            display: inline-block;
                            font-size: 9px;
                            width: 84px;
                            text-align: center;
                        }
                        .sell-amount {
                            font-size: 10px;
                            border: 1px solid rgba(55,84,241,0.20);
                            .num-left {
                                height: 100%;
                                min-width: 74px;
                                border-right: 1px solid rgba(55,84,241,0.20);
                                padding-left: 10px;
                                color: #333333;
                                line-height: 25px;
                                .adm-input-element {
                                    font-size: 8px;
                                }
                            }
                            .num-right {
                                padding-left: 10px;
                                color: #666666;
                                img {
                                    height: 4px;
                                    width: 7px;
                                    margin: 0 10px 0 32px;
                                }
                            }
                        }
                    }
                }
            }
            .market-pagination {
                margin-top: 25px;
                .paginate-market {
                    font-size: 10px;
                    li {
                        display: inline-block;
                        border: 0.5px solid #efefef;
                        margin-right: 8px;
                        margin-bottom: 8px;
                        padding: 6px;
                        .link-a {
                            color: #666666;
                        }
                        &.selected {
                            .link-a {
                                color: #3754f1;
                            }
                        }
                    }
                    .break {
                        // padding-bottom: 10px;
                    }
                }
                .pagination {
                    .ant-pagination-item {
                        background: #ffffff;
                        border: 1px solid rgba(55,84,241,0.20);
                        border-radius: 0;
                        font-size: 6px;
                        font-family: PingFang SC, PingFang SC-Regular;
                        font-weight: Regular;
                        color: #666666;
                    }
                    .ant-pagination-item-active {
                        color: #3754F1;
                        font-weight: normal;
                    }
                    .ant-pagination-next {
                        background: #ffffff;
                        border: 1px solid #efefef;
                        font-size: 6px;
                        font-family: PingFang SC, PingFang SC-Regular;
                        font-weight: Regular;
                        text-align: center;
                        color: #666666;
                        // padding: 10px 16px;
                        border-radius: 0;
                        padding: 0 16px;
                    }
                }
            }
        }
    }
}